import styled from 'styled-components'
export const Wrap = styled.div`
	border-bottom: 1px solid #d6d6d6;
	font-size: 12px;
	ul {
		position: relative;
		display: flex;
		li {
			display: flex;
			height: 25px;
			align-items: center;
			margin-right: 48px;
			text-align: center;
			min-width: 50px;
			color: #4e4e4e;
			cursor: pointer;
			position: relative;
			&:hover,
			&.active {
				color: #3e9bd0;
				&::before {
					content: '';
					position: absolute;
					left: 0;
					bottom: -1px;
					height: 2px;
					width: 100%;
					background-color: #fff;
				}
				&::after {
					content: '';
					position: absolute;
					left: 0;
					z-index: 1;
					bottom: -1px;
					height: 2px;
					width: 100%;
					background-color: #3e9bd0;
				}
				.font {
					font-weight: bold;
				}
			}
		}
		.tips {
			position: absolute;
			right: 0;
			color: #b4b4b4;
			height: 100%;
			display: flex;
			align-items: center;
		}
	}
`
